@import './size';
@import './mixin';
/*头部信息*/
.headInfo{
    @include dfrsb;
    background: #fff;
    padding: $_20;
    .left{
        .gallery .swiper-container:last-child{
            margin-top:$_12;
            .swiper-slide-active{
                border: $_1 solid $cmain;
            }
        }
        .calendar{
            width: 16rem;
            border:$_1 solid $cmain;
            margin-top: $_12;
            .react-calendar__navigation__prev2-button,.react-calendar__navigation__next2-button{
                display: none;
            }
            //具体日期
            .react-calendar__navigation button[disabled], .react-calendar__tile:disabled{
                
                background: #fff;
            }
            .react-calendar__tile:disabled, .react-calendar__month-view__days__day--neighboringMonth{
                color: #bbb
            }
            .react-calendar__tile:disabled{
                border: 0.02rem solid #e5e5e5 !important;
            }
            .react-calendar__tile{
                @include dfc;
                align-items: stretch;
                padding: 0.2rem 0 0;
                min-height: 1.2rem;
                border: 0.02rem solid #e5e5e5;
                .ableSelect{
                    color: rgb(255, 97, 49);
                    display: block;
                    font-size: $_12;
                    margin-top: 0.1rem;
                    padding: 0.1rem 0;
                    background: #FEF7E7;
                }
            }
            .react-calendar__month-view__days__day--weekend,.react-calendar__tile{
                color: #555
            }
            .react-calendar__tile:hover,.react-calendar__tile.react-calendar__tile--active{
                background: #fff;
                border: 0.02rem solid $cmain;
            }
            //星期
            .react-calendar__month-view__weekdays{
                background: #F7F7F7;
                color: #999;
            }
            //导航
            .react-calendar__navigation{
                margin-bottom: 0;
                height: $_36;
                color: #555;
            }
        }
        
    }
    .right{
        @include dfc;
        flex: 1;
        margin-left: $_40;
        h3{
            line-height: $_36;
            color: #404040;
            margin-bottom: $_25;
        }
        .rightCell{
            padding-left: $_24;
            >span:first-child{
                display: inline-block;
                min-width: $_76;
                margin-right: $_10;
                text-align: left;
            }
        }
        .select {
            // @include dfcsb;
            border: $_1 solid $cmain;
            margin: $_25 0;
            padding: $_15 0 $_25;
            .activeType .borderCell,.borderCell:hover{
                
                color: #FF6131;
                border-color: #FF6131;
            }
            .pmAct{
               @include dfcc;
                width: $_32;
                border: $_1 solid #e5e5e5;
                color: #FF6131;
                font-size: $_14;
                text-align: center;
            }
            .pmAct:hover{
                border-color: #FF6131;
            }
            .byBtn{
                margin-left: $_10;
                color: #fff;
                font-size: $_14;
                padding: $_9 $_32;
                background: #FF6131;
                border-radius: $_2;
                display: inline-block;
            }
        }
       .hintInfo{
           margin-top: $_25;
       }
        
    }
}

/*内容介绍*/
.dContent{
    margin-top: $_25;
    .ant-anchor-wrapper{
        border-bottom: $_1 solid #e5e5e5;
        .ant-anchor{
            @include dfr;
            .ant-anchor-ink{
                display: none;
            }
            .ant-anchor-link{
                padding: $_16 $_17;
                font-size: $_16;
                color: #999;
                margin: 0 $_25;
            }
            .ant-anchor-link.ant-anchor-link-active{
                padding: $_16 $_17 $_14;
                border-bottom: $_2 solid $cblue;
            }
            .ant-anchor-link-active > .ant-anchor-link-title{
                color: $cblue
            }
        }
    }
    .dWrapper{
        padding: $_25 0 ;
        background: #fff;
        .introduce .linkTitle{
            margin-top: 0;
        }
        .linkTitle{
            margin: $_25;
        }

        .details{
            margin: 0 $_145;
        }
        .comment {
            .cItemContent{
                @include dfc;
                margin-left: $_42;
                // padding: $_25 0 ;
                border-bottom: $_1 solid #e5e5e5;
                .imgItem{
                    width: $_80;
                    height: $_80;
                    background: #e5e5e5;
                    margin:$_10 $_10 0 0;
                }
            }
        }
    }
}

